<!doctype html>
<html  xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="utf-8">
<title>托福人分类页</title>
    <link th:href="@{/c/base.css}" rel="stylesheet" type="text/css">
    <link th:href="@{/c/toefl.css}" rel="stylesheet" type="text/css">
    <link rel="stylesheet" th:href="@{/c/bootstrap.min.css}">
    <script type="text/javascript" th:src="@{/static/j/jquery-2.1.0.js}"></script>
    <script th:src="@{/j/bootstrap.min.js}"></script>
    <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
</head>

<body>
<!--头-->
<div class="doc1180">
    <div class="header">
        <div class="logo"><a href="####"><img th:src="@{/i/logo.png}"></a></div>
        <div class="headerLink">
            <a th:href="@{/toLogin}" class="###">登录</a>
            <a th:href="@{/toRegister}" class="###">注册</a>
        </div>
    </div>
</div>
<div class="menu">
    <div class="doc1180">
        <div class="menuLink">
            <ul class="fn-clear">
                <li class="active"><a th:href="@{/index}" >首页</a>
                <li><a th:href="@{/tfPerson}" >托福人</a>
                <li><a th:href="@{/pubCourse}" >公开课</a>
                <li><a th:href="@{/toChat}" >群组聊</a>
                <li><a th:href="@{/welare}">福利城堡</a>
            </ul>
        </div>
        <div class="headerUser">
            <ul>
                <li class="headerUserPic"><img src="../i/hlw.png">
                <li class="headerUserName"><a th:href="@{/mydata}" target="ifr">用户名</a>
                <li class="headerUserNotice">通知<a href="###">14</a>
            </ul>
        </div>
    </div>
</div>
<!--头-->
<div class="doc1180 paddingT20 fn-clear">
	<!--页面左侧内容-->
	<div class="tfr_left">
	  <div class="tfr_Details">
          <form th:action="@{/tfPersonSubmitComm}">
            <div class="tfr_DetailsPic"><img src="../i/1(400x240).jpg"></div>
        <div class="tfr_DetailsTitle" th:text="${article.getTitle()}"></div>
        <div class="tfr_DetailsTime">发布于：<span th:text="${article.getTime()}"></span></div>
        <div class="tfr_DetailsTime">发布人：<a href="###" th:text="${teacher.getName()}"></a></div>
            <div class="tfr_DetailsFx"><a></a><img src="../i/tfr_DetailsFx.png"></a></div>
            <div class=" tfr_DetailsMain">
              简介：<h5  th:text="${article.getContent()}"></h5>
            </div>
            <div class="tfr_DetailsPl">
           	  <div class="tfr_DetailsPlTop">
           	  	大佬留言<span>999</span>
           	  	<span class="glyphicon glyphicon-heart" title="点击后关注"  style="float: right;right: 50px;font-size: 30px;color: red;"  ></span>
           	  </div>

              <div class="tfr_DetailsSr">
                    <input type="hidden" th:value="${article.getArticleId()}" name="articleId">
                	<textarea cols="" rows="" class="tfr_DetailsInput" name="comm"></textarea>
              </div>
              <div  class="tfr_DetailsTj">
                	<dl>
                    	<dt><a th:href="@{/toLogin}" class="tfr_DetailsTjLink">登录</a>后参与评论</dt>
                      	<dd><a href="###" class="tfr_DetailsTjpl"><input type="submit" value="提交评论"></a></dd>
                    </dl>
              </div>

                <div class="tfr_DetailsMessage">
                	<ul>
                            <li th:each="comment:${commentList}">
                            <div class="tfr_DetailsMPic">
                                <img src="../i/125x125 .jpg">
                                <div class="tfr_DetailsMPicB"></div>
                            </div>
                       		<div class="tfr_DetailsMText">
                                <div class="tfr_DetailsMTitle" th:text="${comment.getContent()}"></div>
                        		<div class="tfr_DetailsName"><span th:text="${comment.getUserId()}">会员用户</span>一个月前（06-09）</div>
                            </div>
                            <div class="tfr_DetailsLc">#16</div>
                        </li>
                    </ul>
              </div>
              <div class="pageList">
        	<ul>
            
            <li><a href="###" class="pret">上一页</a></li>
            
            <li><span>1</span></li>
            <li><a href="###">2</a></li>
            <li><a href="###">3</a></li>
            <li><a href="###">4</a></li>
            <li><a href="###">5</a></li>
            <li><a href="###">最后一页</a></li>
            <li><a href="###" class="next">下一页</a></li>
            
            </ul>
        </div>
            </div>
          </form>
      </div>
    </div>
    <!--页面左侧内容 end-->
  <!--页面右侧内容-->
  <div class="doc280 fn-right">
  	
            
        
  </div>
  <!--页面右侧内容 end-->
  
</div>
<div class="flink">
	<div class="flinkTop"></div>
    <div class="flinkBody">
    	<h3>友情链接</h3>
        <ul>
        	<li>友情连接友情连接</li>
            <li>友情连接友情连接</li>
            <li>友情连接友情连接</li>
            <li>友情连接友情连接</li>
            <li>友情连接友情连接</li>
            <li>友情连接友情连接</li>
            <li>友情连接友情连接</li>
        </ul>
    </div>
</div>
<div class="footer">
	<div class="doc1180">
    	<div class="footerLink">
        	<a href="###">人人托福</a>|
            <a href="###">联系我们</a>|
            <a href="###">招聘信息</a>|
            <a href="###">合作媒体</a>|
            <a href="###">意见反馈</a>|
            <a href="###">版权说明</a>
        </div>
        <div class="footerTxet">©2014 – xuanke.com All rights reserved. 京ICP备14022672号-1</div>
    </div>
</div>
</body>
</html>
